import Vue from 'vue'
import VueRouter from 'vue-router'
import index from '../views/index.vue'

Vue.use(VueRouter)

const routes = [

  {
    path: '/',
    redirect: '/index'
  },
  {
    path: "/index",
    name: "index",
    component: index
  },
  {
    path: "/detail",
    name: "detail",
    component: () => import('../views/detail.vue')
  },
  {
    path: "/order",
    name: "order",
    component: () => import('../views/order.vue')
  },
  {
    path: "/my",
    name: "my",
    component: () => import('../views/my.vue')
  },
  {
    path: "/comment",
    name: "comment",
    component: () => import('../views/comment.vue')
  },
  {
    path: "/town",
    name: "town",
    component: () => import('../views/town.vue')
  },
  {
    path: "/happy",
    name: "happy",
    component: () => import('../views/happy.vue')
  },
  {
    path: "/search",
    name: "search",
    component: () => import('../views/search.vue')
  },
  {
    path: "/classification",
    name: "classification",
    component: () => import('../views/classification.vue')
  },
  {
    path: "/white",
    name: "white",
    component: () => import('../views/white.vue')
  },
  {
    path: "/snow",
    name: "snow",
    component: () => import('../views/snow.vue')
  },
  {
    path: "/river",
    name: "river",
    component: () => import('../views/river.vue')
  },
  {
    path: "/Architecture",
    name: "Architecture",
    component: () => import('../views/Architecture.vue')
  },
  {
    path: "/museum",
    name: "museum",
    component: () => import('../views/museum.vue')
  },
  {
    path: "/zoo",
    name: "zoo",
    component: () => import('../views/zoo.vue')
  },
  {
    path: "/parks",
    name: "parks",
    component: () => import('../views/parks.vue')
  },
  {
    path: "/nature",
    name: "nature",
    component: () => import('../views/nature.vue')
  },
  {
    path: "/holiday",
    name: "holiday",
    component: () => import('../views/holiday.vue')
  },
  {
    path: "/famous",
    name: "famous",
    component: () => import('../views/famous.vue')
  },
  {
    path: "/water",
    name: "water",
    component: () => import('../views/water.vue')
  },
  {
    path: "/orderDetail",
    name: "orderDetail",
    component: () => import('../views/orderDetail.vue')
  },
  {
    path: "/nofound",
    name: "nofound",
    component: () => import('../views/nofound.vue')
  },
  {
    path: "/aboutMe",
    name: "aboutMe",
    component: () => import('../views/aboutMe.vue')
  },
  {
    path: "/login",
    name: "login",
    component: () => import('../views/login.vue')
  },
  {
    path: "/map",
    name: "map",
    component: () => import('../views/map.vue')
  }

]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router
